#map {
	overflow: scroll;
	position: relative;
	width: inherit;
	height: 400px;
	float left;
}
/* 
	SCROLL
*/
div::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
 
/* Track */
div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
div::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,250,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
div::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,250,0,0.4); 
}
/* 
----------------------------------------------------------------
*/
#mapimage {
	background-image: url(../data/images/NaszeTatry-map.png);
	position: absolute;
	width: 824px;
	height: 550px;
}
#buttons {
	position: relative;
	width: inherit;
	height: 50px;
	float left;
}
#results {
	position: relative;
	width: inherit;
	overflow-y: scroll;
	min-height: 0px;
	max-height: 200px;
	float left;
}
.oneResult {
	position: relative;
	width: inherit;
	float left;
	border: 1px solid black;
}
div#startButton {
	top: 10px;
	left: 50px;
	width: 30px;
	height: 30px;
	position: absolute;
	background-image: url(../data/images/buttonStart.png);
}
div#endButton {
	top: 10px;
	left: 90px;
	width: 30px;
	height: 30px;
	position: absolute;
	background-image: url(../data/images/buttonEnd.png);
}
div#pointButton {
	top: 10px;
	left: 130px;
	width: 30px;
	height: 30px;
	position: absolute;
	background-image: url(../data/images/buttonCheckPoint.png);
}
div#acceptButton {
	top: 10px;
	left: 170px;
	width: 30px;
	height: 30px;
	position: absolute;
	background-image: url(../data/images/buttonSearch.png);
}
div#startButton:hover, 
div#endButton:hover,
div#pointButton:hover,
div#acceptButton:hover {
	border: 3px solid red;
}
.active {
	background-color: blue;
}
.vertex {
	position: absolute;
}
.path {
	position: absolute;
	background-repeat: no-repeat;
	display: block;
}
.start {
	position: absolute;
	top: -15px;
	left: 5px;
	width: 30px;
	height: 30px;
	background-image: url(../data/images/startFlag.png);
	z-index: 0;
}
.end {
	position: absolute;
	top: -25px;
	left: -5px;
	width: 30px;
	height: 30px;
	background-image: url(../data/images/endFlag.png);
	z-index: 0;
}
.point {
	position: absolute;
	top: -20px;
	left: 0px;
	width: 30px;
	height: 30px;
	background-image: url(../data/images/pointFlag.png);
	z-index: 0;
}
.describe {
	position: absolute;
	width: 100px;
	height: 100px;
	background-color: white;
	border: solid 1px blue;
	border-radius : 10px;
	z-index:100;
}

	
